<#include "/common/commoncss.ftl">

<div class="panel panel-default box-show green-box">
    <div class="panel-heading box-show-heading"
         style="background: white;">
        <div class="panel-title" style="display: inline-block;">
            <h4>
                <span class="glyphicon glyphicon-pushpin"> </span> 我的便签
            </h4>
        </div>
        <div class="pull-right right-btn-group btn-color dropdown"
             style="display: inline-block;">
            <div style="display: inline-block;">
                <button data-toggle="dropdown" style="background: #18e89d !important;">
                    <span class="glyphicon glyphicon-menu-hamburger"></span>
                </button>
                <ul class="dropdown-menu">
                    <li><a href="userpanel">我的便签</a></li>
                </ul>
            </div>
            <a  ><button style="background: #18e89d !important;">
                    <span class="glyphicon glyphicon-minus shousuo"></span>
                </button></a>
            <button style="background: #18e89d !important;">
                <span class="glyphicon glyphicon-remove"></span>
            </button>
        </div>
    </div>
    <div  class="shrink">
        <ul class="list-group">
            <#list  notepaperList as np>
            <li class="list-group-item list-group-item-li" style=""><img
                    src="/image/${(np.imgPath)!'/timg.jpg'}" alt="photo" title="wowoowo"
                    class="item-li-img" />
                <p class="item-li-p">
                    <a href="userpanel">${(np.title)!''} <small class="pull-right"
                                                                style="color: #777;"><span
                            class="glyphicon glyphicon-time"></span>${(np.createTime)!''}</small>
                    </a><br> ${(np.concent)!''}
                </p></li>
        </#list>
        </ul>
        <div class="input-group input-div">
            <input type="text" placeholder="便签内容" style="outline: none;" class="concent"/> <a
                id="helpnotepaper" style="cursor: pointer;"><span class="glyphicon glyphicon-plus"
                                                           style="margin-top: 6px;"></span></a>
        </div>
    </div>

</div>